<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 当前样式 -->
		<link rel="stylesheet" href="../css/api-index.css" />
	</head>
	<body>
		<!-- 首页 -->
		<header class="flex-c-sb b-box abs">
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航 -->
			<ul class="flex-c-c fc-white">
				<li>
					<a href="../html/index.html">首页</a>
				</li>
				<li class="active">
					<a href="../html/api-index.html">API</a>
				</li>
				<li>
					<a href="#">云服务</a>
				</li>
				<li>
					<a href="../html/customer.html">案例</a>
				</li>
				<li>
					<a href="#">开发者</a>
				</li>
			</ul>
			<!-- 按钮 -->
			<div>
				<span class="fc-black">
					<a href="logIn.html" id="btn">登录</a>
				</span>
				<span class="fc-white">注册有礼</span>
			</div>
		</header>
		<section id="header"></section>
		<main>
			<!-- api分类 -->
			<section class="b-box" id="apiCate">
				<div class="container">
					<h2>api分类</h2>
					<ul id="apiCateList">
						<li class="active">全部</li>
					</ul>
					<div id="searchInput">
						<strong>全部</strong>
						<input type="search" value="身份证实名" />
					</div>
				</div>
			</section>
			<section class="apiCards">
				<div class="container">
					<ul id="apiCardsList"></ul>
				</div>
				<!-- 分页器 -->
				<div id="pagination">
					<ul>
						<li class="active">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
					</ul>
				</div>
			</section>
		</main>
		<!-- 蒙层 -->
		<div id="mask">
			<!-- 模态框 -->
			<div id="maskbox">
				<!-- 模态框标题 -->
				<div class="maskboxImg"></div>
				<!-- tab区 -->
				<div id="maskTab">
					<!-- 账号登录 -->
					<a href="#" class="active">账号登录</a>
					<i></i>
					<!-- 扫码登录 -->
					<a href="#">扫码登录</a>
				</div>
				<!-- 登录 -->
				<div id="maskloguser">
					<!-- 表单区 -->
					<form action="index.html" method="post" id="UForm">
						<!-- 用户名 -->
						<p id="loginUser">
							<i></i>
							<input type="text" placeholder="用户名/手机号/邮箱" />
						</p>
						<!-- 密码 -->
						<p id="loginPwd">
							<i></i>
							<input type="text" placeholder="密码" />
						</p>
						<!-- 忘记密码 -->
						<p id="forgetPwd">
							<a href="#" class="fr">忘记密码</a>
						</p>
						<!-- 登录按钮 -->
						<p>
							<input type="submit" value="登录" id="btn" />
						</p>
						<!-- 立即注册 -->
						<p class="fr">
							还没有源码账号,
							<a href="#">立即注册 &gt;</a>
						</p>
					</form>
					<!-- 扫码表单 -->
					<form id="QRForm" action="index.html">
						<div class="flex-c-c">
							<img src="../imgs/wechat-white.png" alt="图片已损坏" />
							<p>微信扫码登录</p>
							<p>未关注公众号,请先关注后再登录</p>
						</div>
						<!-- 立即登录 -->
						<p class="az">还没有源码账号,<a href="#">立即注册 &gt;</a></p>
					</form>
				</div>
			</div>
		</div>
		<!-- 尾部 -->
		<footer>
			<div class="box1">
				<div class="footertext container">
					<!-- 联系与支持 -->
					<div class="footertext-one">
						<p>联系与支持</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部2 -->
					<div class="footertext-one">
						<p>关于源码</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部3 -->
					<div class="footertext-one">
						<p>快速入口</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部4 -->
					<div class="footertext-one">
						<p>产品服务</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部5 -->
					<div class="footertext-one">
						<p>解决方案</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 微信公众号 -->
					<div class="wx">
						<h5 class="fz-16">微信公众号</h5>
						<p class="fz-14">源码时代</p>
						<img src="../imgs/103-demo.png" alt="图片已损坏" />
					</div>
				</div>
				<!-- 底部文字 -->
				<div class="footerbox">
					<div class="box1"></div>
					<div class="box2"></div>
					<div class="footerbox-one">
						<p>
							增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
						</p>
					</div>
					<div class="footerbox-two">
						<p>源码大数据股份有限公司©版权所有</p>
					</div>
				</div>
			</div>
			<!-- 返回顶部 -->
			<span class="end">
				<img src="../imgs/returntopicon.png" alt="" />
			</span>
		</footer>
	</body>
	<script src="../js/util.js"></script>
	<script src="../js/api-index.js"></script>
</html>
